/*.banner .swiper-container{position:absolute;top:0;right:0;bottom:0;left:0;}*/
.banner .swiper-container{width: 100%;max-height:600px}
.banner .swiper-slide .bannerImg{width:100%;top:0;right:0;bottom:0;left:0;}
.banner .swiper-slide .bannerImg img{width:100%}
.banner .swiper-slide .bannerImg span{display:none;left:0;right:-5%;bottom:0;top:0;background-repeat: no-repeat;background-size:cover;background-position:center;}
.banner .swiper-slide .txtBox{max-width:50%;color:#fff;bottom:22%;left:10%;}
.banner .swiper-slide .txtBox a{display:inline-block;background:#175fba;border-radius: 50px;padding:8px 20px;margin-top: 10%}
.banner .swiper-slide .txtBox a em{display:block;color:#fff;padding: 0 20px}
.banner .swiper-slide .txtBox a:after{position:absolute;display:block;width:30px;height:12px;background:url(../images/arrow.png) no-repeat right center;right:20px;top:17px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.banner .swiper-pagination{bottom:6%;}
.banner .swiper-pagination .swiper-pagination-bullet{width:3%;height:1px;background:#fff;}
.banner .swiper-slide .txtBox a:hover{background:#0064c2;}
.banner .swiper-slide .txtBox a:hover:after{right:15px;}
@media only screen and (max-width:1200px){
	/*.banner .swiper-slide .bannerImg{position:absolute;top:0;right:0;bottom:0;left:0;}*/
	.banner .swiper-slide .txtBox a{padding:6px 12px;}
	.banner .swiper-slide .txtBox em{padding-right:36px;}
	.banner .swiper-slide .txtBox a:after{width:24px;height:10px;top:14px;}
}
@media only screen and (max-width:768px){
	.banner .swiper-slide .bannerImg{position:absolute}
	.banner .swiper-slide .bannerImg img{display:none}
	.banner .swiper-slide .bannerImg span{display:block}
	.banner{height:276px;overflow:hidden}
	.banner .swiper-container{height:276px;}
	
}
@media only screen and (max-width:640px){
	.banner .swiper-slide .txtBox{max-width:80%;}
	.banner .swiper-pagination .swiper-pagination-bullet{width:18px;}
}
@media only screen and (max-width:479px){
	.banner{height:230px;}
	.banner .swiper-container{height:230px;}
	.banner .swiper-slide .txtBox .slogan{font-size: 24px;}
	.banner .swiper-slide .txtBox a{padding:4px 10px;}
	.banner .swiper-slide .txtBox a em{font-size: 14px;padding-right: 28px}
	.banner .swiper-slide .txtBox a:after{width:18px;height:8px;top:10px;right:16px;}
	.banner .swiper-slide .txtBox a:hover:after{right:10px;}
}
@media only screen and (max-width:360px){
	.banner .swiper-slide .txtBox{text-align:center;left:calc(50% - 25px);width:80%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.banner .swiper-slide .txtBox .slogan{font-size: 20px;}
	.banner .swiper-slide .txtBox a{margin-left: -36px}
}


/*产品中心*/
.indexSec{margin-top: 3%}
.hdBox{text-align: center}
.hdBox .hdTxt{display:inline-block;width:30%;}
.hdBox .hdTxt h4{color:#333;text-align: center;font-weight: bold;}
.hdBox .hdTxt:after{content:'';display:block;width:100%;height:2px;background:linear-gradient(to right,#fff, #686868, #fff);margin-top: 5px}
.hdBox .more{color:#333;font-weight: bold;padding:8px 0 0 12px;border-top:3px solid #474747;top: 50%;right:0;}
.hdBox .more:hover{color:#004fa3;border-top:3px solid #004fa3;}
.prodUl{margin-top: 4%}
.prodUl .prodLi{width:25%;box-shadow: -4px 0px 10px #ededed;background:url(../images/bg111.jpg) no-repeat center;background-size:cover;}
/* .prodUl dl{border:1px solid #999;} */
.prodUl dl dt{width:100%;height:0;padding-bottom: 88.4%}
.prodUl dl dt .prodBox{display:block;width:80%;text-align:center;left:10%;top:10%;height:80%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.prodUl dl dt .prodBox img{max-width:100%;max-height:100%;left:50%;top:50%;
	transform:translate(-50%,-50%);
	transition:none;
}
.prodUl dl dd{padding:8% 10%;}
.prodUl dl dd .prod-name{width:100%;color:#333;padding-left:10px;border-left:6px solid #175fba;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.prodUl dl dd .prod-char{color:#188ebf;margin-top: 6%;padding-left: 16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold;}
.prodUl dl dd span{display:block;margin-top:18%;margin-left:10px;color:#333;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
/* .prodUl .prodLi:nth-child(1){background:url(../images/prodbg01.png) no-repeat center;background-size:cover;} */
/* .prodUl .prodLi:nth-child(2){background:url(../images/prodbg02.png) no-repeat center;background-size:cover;} */
/* .prodUl .prodLi:nth-child(3){background:url(../images/prodbg03.png) no-repeat center;background-size:cover;} */
/* .prodUl .prodLi:nth-child(4){background:url(../images/prodbg04.png) no-repeat center;background-size:cover;} */
.prodUl .prodLi:hover dl dt .prodBox{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.prodUl .prodLi:hover dl dd span{color:#175fba;}

@media only screen and (max-width:768px){
	.hdBox{width:80%;margin:0 auto;}
	.hdBox .hdTxt{width:50%;}
	.prodUl{width:80%;margin-left:auto;margin-right:auto;}
	.prodUl .prodLi{width:50%;}
}

@media only screen and (max-width:640px){
	.prodUl dl dd .prod-char{font-size: 14px;}
}
@media only screen and (max-width:479px){
	.hdBox{width:100%;}
	.hdBox .more{padding: 3px 0 0 12px}
	.prodUl .prodLi{width:100%;float:none;display:block;}
	.prodUl dl{position:relative;}
	.prodUl dl dt{height:auto;padding:10%;height:200px;text-align: center;}
	.prodUl dl dt .prodBox{position:relative;width:98%;display:inline-block;height:100%;left:auto;top:auto;vertical-align:middle;}
	.prodUl dl dt:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
	.prodUl dl dd{padding:5% 8%;}
	.prodUl dl dd span{margin-top: 10%}
	.prodUl dl dd .prod-char{margin-top: 3%}
	.prodUl .prodLi:nth-child(2n) dl{padding-top:200px; }
	.prodUl .prodLi:nth-child(2n) dl dt{position:absolute;top:0;}
	.prodUl .prodLi:nth-child(2n) dl dd{position:relative;top:0;}

}

/*方案中心*/ 
.caseUl{margin-top:5%;}
.caseUl li{width:11%;height:0;padding-bottom:30.5%;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s
}
.caseUl li:not(:first-child){margin-left:1.66%;}
.caseUl li.active{width:24%;}
.caseUl li .caseImg{top: 0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;}
.caseUl li .caseImg .cover{top: 0;right:0;bottom:0;left:0;background:rgba(0,0,0,.36);}
.caseUl li .caseImg .cover em{color:#fff;text-align:center;width:80%;left:10%;top:50%;
	transform:translateY(-50%);
}
.caseUl li dl{display:none;color:#fff;width:68%;top:50%;left:17%;}

.caseUl li dl .desc{display:-webkit-box;margin-top:5%;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;}
.caseUl li dl .more{margin-top:36%;}
.caseUl li dl .more a{display:block;padding:10px 9px 0 0;border-top:2px solid #fff;color:#fff;}
.caseUl li dl .more a:hover{color:#004fa3;border-top:2px solid #004fa3;}
.caseUl li.active dl{top:30%}
.caseUl li.active .caseImg .cover em{display:none;}

@media only screen and (max-width:1024px){
	.caseUl li dl .more{margin-top: 20%}
}
@media only screen and (max-width:960px){
	.caseUl li.active dl{top:50%;transform:translateY(-50%);}
}
@media only screen and (max-width:768px){
	.caseVp{width:100%;padding-bottom:10px;overflow-x: scroll;overflow-y: hidden}
	.caseUl{width:730px;}
}

/*技术支持*/
.support{width:100%;background:url(../images/bgimg01.jpg) no-repeat center;background-size:cover;padding:4% 0;}
.support .left{width:27.5%;color:#fff;}
.support .left .pDesc{margin-top: 10px;line-height:1.8 }
.support .right{width:68%;}
.support .sup{color:#fff;width:28%;}
.support .sup .p1{text-align: center}
.support .sup .p2{padding-top: 15px;border-top:3px solid #fff;margin-top: 10px;text-align: center}
.support .sup a{display:block;width:72%;color:#fff;background:rgba(0,79,163,.8);line-height: 40px;margin: 20px auto 0 auto;text-align: center}
.support .sup a:hover{background:#175fba;}
.support .plus{opacity:.7;margin: 20px 2%;color:#fff;}
@media only screen and (max-width:960px){
	
	.support .left{float:none;display:block;width:80%;margin:0 auto;}
	.support .right{float:none;display:block;width:80%;margin:5% auto 0 auto;}
}
@media only screen and (max-width:768px){
	.support .right{width:100%;text-align: center}
	.support .sup{float:none;display:inline-block;vertical-align:top;width:26%;}
	.support .plus{float:none;display:inline-block;vertical-align:top}
}
@media only screen and (max-width:479px){
	.support .sup{display:block;width:100%;}
	.support .plus{display:block;margin:5px auto;}
	.support .sup dl{display:inline-block;vertical-align:middle;max-width:50%;}
	.support .sup a{display:inline-block;width:120px;vertical-align:middle;margin-left:0;float: right;margin-right: 20px;}
}
/*新闻活动*/
.newsUl{margin-top: 3%}
.newsUl a{width:23.5%;}
.newsUl a:not(:first-child){margin-left:1.7%;}
.newsUl .newsImg{width:100%;height:0;padding-bottom:56%;overflow:hidden;}
.newsUl .newsImg .scaleBox{left:0;top:0;right:0;bottom:0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.newsUl .newsImg img{width:100%;left:50%;top:50%;transform:translate(-50%,-50%);}
.newsUl dl{border:1px solid #ccc;padding:5% 7.5%;word-break: break-all;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;margin-bottom: 20px;
	transition: all .4s
}
.newsUl dt{color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.newsUl .newsDesc{color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.8;max-height:5.4em;overflow:hidden;text-overflow:ellipsis;margin-top: 1%;text-align: justify;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.newsUl .newsMore{color:#333;margin-top: 4%;font-weight: bold;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
.newsUl a:hover .newsImg .scaleBox{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.newsUl a:hover dl{background:#175fba;}
.newsUl a:hover dt{color:#fff;}
.newsUl a:hover .newsDesc{color:#fff;}
.newsUl a:hover .newsMore{color:#fff;}
@media only screen and (max-width:479px){
	.newsUl a{float:none;display:block;width:80%;margin-left:auto;margin-right: auto}
	.newsUl a:not(:first-child){margin-top: 2%;margin-left:auto;margin-right: auto}
	.newsUl dl{padding:5% 6%;}
	.newsUl dt{max-height: 4.5em;height:auto;}
	.newsUl .newsMore{margin-top:3%}
}
@media only screen and (max-width:360px){
	.newsUl a{width:100%;}
}

.banner .swiper-button-next, .banner .swiper-button-prev {
	position: absolute;
	top: 50%;
	overflow: hidden;
	width: 70px;
	height: 70px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
	background: center center no-repeat #000;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: none;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.banner .swiper-button-next{
	background-image: url("../images/next.png");
	right: 70px
}
.banner .swiper-button-prev{
	background-image: url("../images/prev.png");
	left: 70px;
}
.banner .swiper-button-next:hover , .banner .swiper-button-prev:hover{
	opacity: 1;
}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {
	content: '';
}

@media only screen and (max-width:770px){
	.banner .swiper-button-next, .banner .swiper-button-prev{
		display: none;
	}
}